import React, { PureComponent } from 'react';
import { connect } from 'dva';
import { Row, Col, Card, Form, Input, Button, Checkbox, DatePicker, Pagination, List, Avatar, Select } from 'antd';
import moment from 'moment';
import globalConstant from '../../utils/globalConstant';
import styles from './OperationLog.less';

const FormItem = Form.Item;

// @connect(state => ({
//   activities: state.activities,
// }))
// @Form.create()
export default class OperationLog extends PureComponent {
  // componentDidMount() {
  //   const { dispatch } = this.props;
  //   dispatch({
  //     type: 'activities/fetchList',
  //   });
  // }
  // onChange = (pageNumber) => {
  //   console.log('Page: ', pageNumber);
  // }
  // handleFormReset = () => {
  //   const { form, dispatch } = this.props;
  //   form.resetFields();
  // }
  // handleSearch = (e) => {
  //   e.preventDefault();
  //
  //   const { dispatch, form } = this.props;
  //
  //   form.validateFields((err, fieldsValue) => {
  //     if (err) {
  //       return;
  //     }
  //     console.log(fieldsValue);
  //   });
  // }
  // renderSimpleForm() {
  //   const { getFieldDecorator } = this.props.form;
  //   return (
  //     <Form onSubmit={this.handleSearch} layout="inline">
  //       <Row gutter={24}>
  //         <Col span={8}>
  //           <FormItem label="关键字">
  //             {getFieldDecorator('no')(
  //               <Input placeholder="请输入搜索关键字" />
  //             )}
  //           </FormItem>
  //         </Col>
  //         <Col span={8}>
  //           <FormItem label="关键字类型">
  //             {getFieldDecorator('select', {
  //               initialValue: ['1', '2'],
  //               rules: [
  //                 {
  //                   type: 'array',
  //                 }],
  //             })(
  //               <Select
  //                 mode="multiple"
  //               >
  //                 <Select.Option value="1">操作员ID</Select.Option>
  //                 <Select.Option value="2">操作员名字</Select.Option>
  //                 <Select.Option value="3">订单ID</Select.Option>
  //                 <Select.Option value="4">工单ID</Select.Option>
  //               </Select>
  //             )}
  //           </FormItem>
  //         </Col>
  //         <Col span={8}>
  //           <FormItem label="创建日期">
  //             {getFieldDecorator('date')(
  //               <DatePicker.RangePicker
  //                 style={{ width: '100%' }}
  //                 format={globalConstant.dateFormat}
  //               />
  //             )}
  //           </FormItem>
  //         </Col>
  //       </Row>
  //       <Row gutter={24}>
  //         <Col span={24} style={{ textAlign: 'right' }}>
  //           <span className={styles.submitButtons}>
  //             <Button icon="search" type="primary" htmlType="submit" >查询</Button>
  //             <Button icon="reload" style={{ marginLeft: 8 }} onClick={this.handleFormReset}>重置</Button>
  //           </span>
  //         </Col>
  //       </Row>
  //     </Form>
  //   );
  // }
  // renderActivities() {
  //   const {
  //     activities: { list },
  //   } = this.props;
  //   return list.map((item) => {
  //     const events = item.template.split(/@\{([^{}]*)\}/gi).map((key) => {
  //       if (item[key]) {
  //         return <a href={item[key].link} key={item[key].name}>{item[key].name}</a>;
  //       }
  //       return key;
  //     });
  //     return (
  //       <List.Item key={item.id}>
  //         <List.Item.Meta
  //           avatar={<Avatar src={item.user.avatar} />}
  //           title={
  //             <span>
  //               <a className={styles.username}>{item.user.name}</a>
  //               &nbsp;
  //               <span className={styles.event}>{events}</span>
  //             </span>
  //           }
  //           description={
  //             <span className={styles.datetime} title={item.updatedAt}>
  //               {moment(item.updatedAt).fromNow()}
  //             </span>
  //           }
  //         />
  //       </List.Item>
  //     );
  //   });
  // }
  render() {
    // const {
    //   activities: { loading: activitiesLoading },
    // } = this.props;
    return (
      <div>
        <h1>功能暂未实现</h1>
        {/* <Row gutter={24}> */}
        {/* <Col xl={24} lg={24} md={24} sm={24} xs={24}> */}
        {/* <Card */}
        {/* bodyStyle={{ padding: 0 }} */}
        {/* bordered */}
        {/* title="操作日志" */}
        {/* > */}
        {/* <Card bordered={false}> */}
        {/* <div className={styles.tableList}> */}
        {/* <div className={styles.tableListForm}> */}
        {/* {this.renderSimpleForm()} */}
        {/* </div> */}
        {/* </div> */}
        {/* </Card> */}
        {/* </Card> */}
        {/* </Col> */}
        {/* <Col xl={24} lg={24} md={24} sm={24} xs={24}> */}
        {/* <Card bordered> */}
        {/* <List loading={activitiesLoading} size="large"> */}
        {/* <div className={styles.activitiesList}> */}
        {/* {this.renderActivities()} */}
        {/* </div> */}
        {/* </List> */}
        {/* <Pagination showQuickJumper defaultCurrent={1} total={500} onChange={this.onChange} style={{ marginLeft: '40%', marginBottom: 10 }} /> */}
        {/* </Card> */}
        {/* </Col> */}
        {/* </Row> */}
      </div>
    );
  }
}
